<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html>
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
	<meta  name="viewport"content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta content="application/xhtml+xml;charset=UTF-8" http-equiv="Content-Type">
    <meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
    <meta content="no-cache" http-equiv="pragma">
    <meta content="0" http-equiv="expires">
    <meta content="telephone=no, address=no" name="format-detection">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <title>中传后勤网上报修(手机版)</title>
    <link href="/Content/WAP/style.css" rel="stylesheet" type="text/css" />
    <script src="/js/jquery-1.5.2.min.js" type="text/javascript"></script> 
    
    <script src="/js/jquery.pagination.js" type="text/javascript"></script>
    <style type="text/css">
    body,html {margin:0px auto; padding:0px;margin:0px; background:#fff;color: #595757;font-size: 14px; font-family: "微软雅黑"; }
ul,li{margin:0px;padding:0px;list-style:none;}
a{color:#595757;text-decoration:none;}
a:hover {color:red; text-decoration: none;} 
.clear{clear:both;height:0px;overflow:hidden;}
.icon06{float:left;height:38px;*height:38px;width:10px;background: url(icon06.gif) no-repeat center center;border:0; line-height:40px; margin-left:15px; margin-right:5px;}
.but-toolbar {border: 1px solid #89b9d4;color:#fff; font-size: 1.1em;font-weight:bold;background-color: #51a0d7; float: left;height: 40px;line-height: 40px; border-radius: 3px; text-align: center; width: 100%; cursor:pointer;}
/*----回复----*/
.icon_speak0{background: url(icon_speak0.png) no-repeat left top;float:right;width:42px;height:42px;}
/*----咨询----*/
.icon_speak1{background: url(icon_speak1.png) no-repeat left top;float:left;width:42px;height:42px;}
/*----建议----*/
.icon_speak2{background: url(icon_speak2.png) no-repeat left top;float:left;width:42px;height:42px;}
 /*----投诉----*/
.icon_speak3{background: url(icon_speak3.png) no-repeat left top;float:left;width:42px;height:42px;}
/*----表扬----*/
.icon_speak4{background: url(icon_speak4.png) no-repeat left top;float:left;width:42px;height:42px;}

/*layout-nav*/
.layout-nav{ width:100%; background-color:#bccad6; line-height:35px;height:35px;}
.layout-nav ul li{ width:50%; text-align:center; float:left;}
.layout-nav ul li a{color:#fff;padding-left:20px;}
.layout-nav ul li a:hover{color:red;}
.layout-nav ul li .leave{color:#333;}
.layout-nav .nav{background-color:#256ba2; font-weight:bold;line-height:35px;height:35px;}

/*layout-center*/
.layout-center{width:100%;margin:10px auto; min-height:100px;}
.layout-center ul{float:left;width:100%; border-bottom: 1px solid #bbb;}
.layout-center ul li{line-height:25px; padding:0px 5px;}
.layout-center ul li a{color:#256ba2;}
.layout-center ul li a:hover{color:red;}
.layout-center ul li span{float:left; color:#595758;}
.layout-center ul li em{float:right; color:#595758;}
.layout-center .title{width:99%;text-align:center; margin-top:20px;}
.layout-center .title span{margin:0px 10px;}







.layout-center .LossGetTitle{width:100%; height:38px;line-height:38px;float:left; background-color:#ededed; margin-top:10px;}
.layout-center .LossGetTitle strong{color:#333; margin-left:15px;  }
.layout-center .LossGetBox ul{float:left;width:100%;}
.layout-center .LossGetBox li{float: left;width:100%;height:40px; line-height:40px; font-size:12px; }
.layout-center .LossGetBox li span {float: left;line-height:40px;color: Black;width:25%; text-align:right;}
.layout-center .LossGetBox li em{float: left;line-height    :40px;color:#666;text-align:left; width:75%; }

.Newstxt { color: #333; float: left; font-family: Verdana; font-size: 13px; line-height: 1.8em; overflow: hidden; padding: 10px; width: 95%; }
.Newstxt p { margin: 0.8em 0; }
.Newstxt p img { border: 1px solid #e2ecf8; margin: 0px auto; }
.Newstxt em { font-style: italic; }
.Newstxt strong { font-weight: bold; }
.Newstxt small, .Newstxt .case sub, .Newstxt .case sup { font-size: .83em; }
.Newstxt sub { vertical-align: sub; }
.Newstxt sup { vertical-align: super; }
.MsoTableGrid{border:1px solid #333;}
.Newstxt table{border:1px solid #333; border-width:1px 0px 0px 1px;}
.Newstxt table td{border:1px solid #333; border-width:0px 1px 1px 0px; padding:0px 10px;}

.edit_content {margin: 10px;}
.edit_content .ulcss{float:left; width: 100%; margin-top: 1px;  clear:both;}
.edit_content .ulcss li{float:left; }
.edit_content .ulcss input{ float:left; width:95%; height:28px; line-height:28px;}
.edit_content .ulcss select{ float:left; width:95%; height:28px; line-height:28px;}
.edit_content .title{width:20%; float: left; text-align: right;line-height: 23px;height: 23px; font-size:12px;  margin-top:5px;}
.edit_content .title span{ color:Red;  margin-right:3px;}
.edit_content .w600{width:80%; float: left;}
.edit_content .tishimsg{ float:left; color:#666; height:25px; line-height:25px; width:72%; }
.edit_content .clearmsg{height:33px; line-height:33px; width:75%; }
.edit_content .err{ float:left;background:url(icon_del.gif) no-repeat left center;color:Red;  text-indent:15px; }
.edit_content .ok{ float:left;background:url(ok.gif) no-repeat left center; color:#116D1E; text-indent:15px;}
.dialogbutbar{width:96%; margin:0 auto;text-align:center; margin-top:30px; min-height:50px;_height:50px;}


.box-center{width:100%;border:1px solid #dadada;min-height:600px;_height:600px;}
.box-center .boxtitle{width:100%; background-color:#bccad6; height:38px;line-height:38px;float:left;}
.box-center .boxtitle span{color:#000; }
.box-center .nodata{padding:20px;color:#ccc;text-align:center;}
.box-center .even_row{background-color:#f7f7f7;}
.box-center li a{color:#333; font-size:12px;}
.box-center li a:hover{color:red;}

.box-center .boxlist{float:left;width:100%;min-height:500px;_height:500px;}
.box-center .boxlist .list-top{width:100%;}
.box-center .boxlist .list-top li{ float:left;color:#595758; text-align:center;border-bottom:1px solid #d3d4d6;min-height:30px;_height:30px; line-height:30px; background-color:#eee; font-weight:bold;}
.box-center .boxlist .list-item{ float:left;width:100%;border-bottom:1px solid #d3d4d6;}
.box-center .boxlist .list-item li{ float:left;color:#595757; text-align:center; min-height:30px;_height:30px; line-height:30px;}

.box-center .boxlist .PersonRoom{ width:15%;}
.box-center .boxlist .EmsName{ width:30%;}
.box-center .boxlist .EmsType{ width:30%;}
.box-center .boxlist .EmsStat{ width:25%; text-align:center;}  

.box-center .boxlist .TelDept{ width:30%;}
.box-center .boxlist .TelPosition{ width:30%;}
.box-center .boxlist .TelName{ width:15%;}
.box-center .boxlist .TelPhone{ width:25%;}
.box-center .boxlist .searchbte{  border:0; margin-top:2px;width:34px; height:24px; background: url(searbtn.jpg) no-repeat; margin-right:5px; cursor:pointer;}



.repair-center{float:left;width:100%;min-height:500px;_height:500px;border:1px solid #dadada;}
.repair-center .boxtitle{width:100%; background:url(boxtitle.gif) repeat-x;height:38px;line-height:38px;float:left;}
.repair-center .boxtitle span{color:#000; }
.repair-center ul{margin:5px 15px;}
.repair-center li{line-height:35px;min-height:35px;_height:35px;height:auto;width:100%;background:url(line.gif) repeat-x bottom;}
.repair-center li a{color:#333; font-size:14px;}
.repair-center li a:hover{color:red;}
.repair-center .box-slxx {background-color:#ededed; margin:15px; padding-left:70px; position:relative;border:1px solid #dadada; }
.repair-center .box-slxx li{line-height:35px;min-height:35px;_height:35px;height:auto; width:100%;border-bottom:1px solid #fff; }
.repair-center .box-slxx .sltitle{ float:left;font-weight:bold;width:80px; text-align:right;}
.repair-center .box-slxx .icon_pop {position:absolute; top:5px; left:5px; width:70px; height:30px;background-color:#0570af; z-index:6;border:1px solid #333;}
.repair-center .box-slxx .icon_pop span{color:#fff;width:70px;line-height:28px; font-weight:bold; font-size:14px;display: inline-block;text-align:center;}





/*pagination*/
.pagination {padding:3px;text-align:center;font-family:Verdana;font-size:12px;margin-top:8px;padding-top:0; margin-bottom:5px;}
.pagination a,.a-button-page{padding:2px 5px;margin:2px;margin-top:0px;color:#666;text-decoration:none}
.pagination a:hover{color:#fff;background-color:#3E7AC6}
.pagination a:active{color:#666;}
.pagination span.current{padding:2px 5px;font-weight:bold;margin:2px;color:#3E7AC6;}
.pagination span.disabled{padding:2px 5px;margin:2px;color:#ddd;padding-top:2px;}
.pagination input{color:#333;font-size:12px;border:1px solid #A4CBE1;}
.pagination .gopage-text{width:25px;height:16px;margin-top:-2px;}
.pagination .gopage-button{width:28px;height:18px;margin-top:-2px; background-color:#4FA0D5; color:#fff; font-family:宋体;}
.pagination .gopagespan{padding:0;}

/*layout-footer*/
.layout-footer{clear:both; width:100%; height:35px;line-height:35px;border-top: 1px solid #bbb; color:#333;background-color:#cacaca; text-align:center; margin-top:10px;}


.question{width:688px;float:left;}
.q_top{width:686px;height:43px;line-height:20px;background:url(q_top_bg.png) no-repeat left top;padding:3px 0px  0px 28px;}
.q_top>.q_title{font-size:12px;font-weight:bold;border:0px solid red;}

.q_middle{width:686px;min-height:50px;background:url(q_middle_bg.png) repeat-y left top;}
.q_middle>div{padding:10px 10px 0px 30px;line-height:1.5;}
.q_foot{width:686px;height:5px;	background:url(q_foot_bg1.png) no-repeat left bottom;}

.answer{width:688px;float:right;}
.a_top{width:686px;height:28px;	line-height:28px;background:url(a_top_bg.png) no-repeat left top;padding:0px 14px;font-weight:bold;}
.a_middle{width:686px;min-height:50px;background:url(a_middle_bg.png) repeat-y left top;}

.a_middle>div{padding:10px 27px 0px 13px;line-height:1.5;}
.a_foot{width:686px;height:5px;background:url(a_foot_bg.png) no-repeat left top;}
    </style>

</head>
<body>
    
<div class="layout-nav">
    <ul>
        <li><a href="/wap/RepairAdd" style="color:Red;background: url(/Content/WAP/icon03.png) no-repeat;">
            我要报修</a></li>
        <li  class="nav"><a href="/wap/RepairList" style="background: url(/Content/WAP/icon04.png) no-repeat;">
            查看报修</a></li>
    </ul>
</div>
<div class="layout-center">
        <ul>
            <li><a href="/wap/RepairShow?ID=b612050b-7fc5-4275-96df-a5d00139c3c8" title="4层东电开水器水龙头漏水。">•【校内】4层东电开水器水龙头漏水。</a>
                <li><span>报修人：蒋 (2016-03-21 19:02)</span><em>
                    <span style='color:#007e40;'>已审核</span></em></li>
        </ul>
        <ul>
            <li><a href="/wap/RepairShow?ID=69930514-8380-4d05-a34b-a5d00136c53b" title="蹲坑堵。">•【中蓝公寓】蹲坑堵。</a>
                <li><span>报修人：万 (2016-03-21 18:51)</span><em>
                    <span style='color:#007e40;'>已审核</span></em></li>
        </ul>
     
</div>
<div class="clear">
</div>
<div id="Pagination" class="pagination">
</div>
<div class="clear">
    <form action="/wap/RepairList" method="get" id="frmList">
    <input type="hidden" id="PageIndex" name="PageIndex" />
    <input type="hidden" id="ID" name="ID" value="" />
    </form>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        PageData("45243", "25", "1" - 1);
    });
    function PageData(TotalCount, PageSize, PageIndex) {
        $("#Pagination").pagination(TotalCount, {
            callback: pageselectCallback,
            prev_text: '上一页',
            next_text: '下一页',
            items_per_page:
            PageSize,
            num_display_entries: 3,
            current_page: PageIndex,
            num_edge_entries: 2,
            rowstxt: '共X条记录'
        });
    }
    function pageselectCallback(PageIndex, jq) {
        $("#PageIndex").val(PageIndex + 1);
        $("#frmList").submit();
        return false;
    }
    function gopage(np) { var ps = $(".gopage-text").val(); if (isNaN(ps)) { return false; } if (ps > np) { return false; } pageSelect(ps); }
    function pageSelect(pageindex) { $("#PageIndex").val(pageindex); $("#frmList").submit(); }
</script>

    <div class="clear"></div>
    <div class="layout-footer">
        ©copyright
    </div>
</body>
</html>
    